
import { createApp } from 'vue'
import { createUI } from 'taro-ui-vue3'

// 引用全部组件样式
import 'taro-ui-vue3/dist/style/components/icon.scss'
import 'taro-ui-vue3/dist/style/components/list.scss'
import 'taro-ui-vue3/dist/style/components/avatar.scss'
import 'taro-ui-vue3/dist/style/components/fab.scss'
import 'taro-ui-vue3/dist/style/components/card.scss'
import 'taro-ui-vue3/dist/style/components/float-layout.scss'
import 'taro-ui-vue3/dist/style/components/input.scss'
import 'taro-ui-vue3/dist/style/components/form.scss'
import 'taro-ui-vue3/dist/style/components/tab-bar.scss'
import 'taro-ui-vue3/dist/style/components/message.scss'
import './app.less'

import {
  AtIcon,
  AtList,
  AtListItem,
  AtAvatar,
  AtFab,
  AtCard,
  AtFloatLayout,
  AtInput,
  AtForm,
  AtTabBar,
  AtMessage 
} from 'taro-ui-vue3/lib'


const App = createApp({
  onShow (options) {
    console.log('App onShow.')
  },
  // 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
})
// 引用全部组件
const tuv3 = createUI({
  AtIcon,
  AtList,
  AtListItem,
  AtAvatar,
  AtFab,
  AtCard,
  AtFloatLayout,
  AtInput,
  AtForm,
  AtTabBar,
  AtMessage 
})
App.use(tuv3)

export default App
